<script src="lib/vue-2.4.0.js" type="text/javascript" charset="utf-8"></script>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>

<div id="app">
  <!-- 普通style -->
  <h1 style="color: green;font-size: 16px;">这是一个h1</h1>

  <!-- 动态绑定，对象就是无序键值对的集合 -->
  <h1 :style="styleObj1">这是一个h1</h1>

  <h1 :style="[ styleObj1, styleObj2 ]">这是一个h1</h1>
</div>

<script>
  // 创建 Vue 实例，得到 ViewModel
  var vm = new Vue({
    el: '#app',
    data: {
      styleObj1: {
        color: 'red',
      },
      styleObj2: {
        'font-weight': 800,
        'font-style': 'italic',
        'font-size': "48px",
        "text-decoration": "line-through",
      }
    },
    methods: {}
  });

</script>